<!--
    我们不仅提供了声明反应式的 值，我们还可以运行反应式的 语句。例如，当 count 的值改变时就输出到日志中：
    $: console.log(`the count is ${count}`);
    你可以轻松地将一组语句组合成一个代码块：
    $: {
        console.log(`the count is ${count}`);
        alert(`I SAID THE COUNT IS ${count}`);
    }
    你甚至可以将 $: 放在= if 代码块前面：
    $: if (count >= 10) {
        alert(`count is dangerously high!`);
        count = 9;
    }
-->

<script>
    let count = 0
    let count01 = 0
    let message = '等于0'
    // 只执行一次
    console.log('count:', count)
    // 只要语句中的变量变化就会执行该语句
    $: console.log('count:', count)

    $: if (count01 === 0) {
        message = '等于0'
    } else if (count01  < 10) {
        message = '大于0小于10'
    } else {
        message = '大于10'
    }

    $: console.log(message)

    function handleClick() {
        count ++
    }
</script>

<button on:click={handleClick}>click</button>
<button on:click={() => {count01 ++}}>click01</button>
